{extend name="_layout/search" /}

{block name="header"}
<style>
    .mdui-list-item-title em,.mdui-list-item-text em{color: #19b393;font-style: unset}
    .mdui-card-primary-title em,.mdui-card-content em{color: #19b393;font-style: unset}
    .mdui-card-primary{padding-top: 0;padding-bottom: 0;}
    .mdui-card-content{padding-top: 0;padding-bottom: 0}
    .mdui-card-primary-title a{text-decoration: none;font-size:16px;color: #000;}
    .mdui-card-content a,.mdui-card-primary-subtitle,.mdui-card-primary-subtitle a {text-decoration: none;font-size:12px;color: #000;}
    .mdui-card-primary-subtitle{text-align: right}
    .movieTitle {
        display: inline-block!important;
        font-size: 25px;
        line-height: 31px;
        padding: 10px 0 10px 15px;
        vertical-align: middle;
    }
    .movieTitleText {
        font-size: 25px;
        line-height: 31px;
        padding: 10px 20px 10px 0;
        vertical-align: middle;
    }

    .movieInfo {
        display: inline-block!important;
        padding: 10px 10px 10px 15px;
        color: #8590a6;
        font-size: 12px;
    }

    .rating_l {
        padding: 1px 4px;
        color: #fff;
        background: #55b83a;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .rating_l, .rating_r {
        display: inline-block!important;
        font-size: 13px;
        font-weight: 700;
        line-height: 20px;
    }
    .rating_r {
        padding: 0 5px;
        border: 1px solid #55b83a;
        color: #55b83a;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        margin-right: 10px;
    }

    a{text-decoration: none;}

    .douban-content.hide {
        max-height: 100px;
        overflow: hidden;
    }

    .douban-content-summary {
        font-weight: 400;
        font-size: 13px;
    }
    .douban-content-summary a {
        color: #175199;
        text-decoration: none;
    }
    .color-333{color: #333;}

    .pagination {
        display: inline-block;
        padding-left: 0;
        margin: 20px 0;
        border-radius: 4px;
    }
    .pagination li{display: inline}
    .pagination > li > a, .pagination > li > span {
        background-color: #FFF;
        border: 1px solid #DDD;
        color: inherit;
        float: left;
        line-height: 1.42857;
        margin-left: -1px;
        padding: 4px 10px;
        text-decoration: none;
    }
    .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
        background-color: #f4f4f4;
        border-color: #DDD;
        color: inherit;
        cursor: default;
        z-index: 2;
    }
</style>
{/block}


{block name="main"}
<div class="mdui-container-fluid" style="margin:0 auto;">
    <div class="mdui-row">
        <div class="mdui-col-xs-1" style="width: 60px"></div>
        <div class="mdui-col-xs-6">
            {volist name="films" id="film"}
            <div class="mdui-card mdui-shadow-1 mdui-m-l-2 mdui-m-b-2" style="padding-bottom: 5px;padding-top: 5px">
                <!-- 卡片的标题和副标题 -->
                <div class="mdui-card-primary">
                    <div class="mdui-card-primary-title mdui-typo-title ellipsis" style="height: 29px;">
                        <a href="{:url($film->id)}" title="{$film.title}磁力资源/种子下载" target="_blank">{$film.highlight_title|raw}</a>
                    </div>
                </div>

                <!-- 卡片的内容 -->
                <div class="mdui-card-content mdui-typo-body-1">
                    <a href="{:url($film->id)}" target="_blank" title="{$film.title}">{$film.content|raw}</a>
                </div>

                <div class="mdui-card-primary">
                    <div class="mdui-card-primary-subtitle">
                        <div style="float: left">
                            来源站点：<a href="{:url('/bridge')}?url={$film.gather_url}" title="{$film.site_name} 电影资源" target="_blank" rel="nofollow">{$film.site_name}</a>
                        </div>
                        <div style="float: right">
                            收录时间：{$film.c_time}
                        </div>
                    </div>
                </div>
            </div>
            {/volist}

            <div class="mdui-m-l-2">
                {$page|raw}
            </div>
        </div>
        <div class="mdui-col-xs-3">
            {notempty name="$dbFilm"}
            <div class="mdui-card" style="margin-bottom: 30px">
                <div class="mdui-row">
                    <div class="mdui-col-xs-9">
                        <div class="movieTitle">
                            <div class="movieTitleText mdui-text-truncate ellipsis" style="max-width: 305px">
                                <a class="color-333" href="{:url('/hot/' . $dbFilm['id'])}" title="{$dbFilm.name}" target="_blank">{$dbFilm.name}</a>
                            </div>
                        </div>
                        <div class="movieInfo">
                        <span>
                            <div class="rating_l">豆瓣</div>
                            <div class="rating_r">{$dbFilm.aggregateRating.ratingValue|default='0.0'}</div>
                            {$dbFilm.year|default=''} ‧
                            {volist name="$dbFilm.genre" id="vo"}
                            <a href="{:url('/hot')}?tag={$vo}&sort=recommend" title="{$vo}" style="color: inherit">{$vo}</a>
                            {if (count($dbFilm['genre']) > $key + 1)}/{/if}
                            {/volist}

                        </span>
                        </div>
                        <!-- 卡片中可以包含一个或多个菜单按钮 -->
                        <div class="mdui-card-menu" style="display: none">
                            <button class="mdui-btn mdui-btn-icon mdui-text-color-white"><i class="mdui-icon material-icons">share</i></button>
                        </div>
                    </div>
                    <div class="mdui-col-xs-3">
                        <!-- 卡片的媒体内容，可以包含图片、视频等媒体内容，以及标题、副标题 -->
                        {notempty name="$dbFilm['image']"}
                        <div class="mdui-card-media">
                            <a href="{:url('/hot/' . $dbFilm['id'])}" title="{$dbFilm.name}" target="_blank">
                                <img src="{:url('/bridge/douban')}?url={$dbFilm.image|default=''}" alt="{$dbFilm.name}" style="max-height: 145px"/>
                            </a>
                        </div>
                        {/notempty}
                    </div>
                </div>
                <div class="mdui-divider-inset" style="margin-left: 0"></div>
                <!-- 卡片的内容 -->
                <div class="mdui-card-content douban-content-summary">
                    <div class="douban-content hide">
                        {$dbFilm.description}
                    </div>
                    <div class="mdui-text-truncate mdui-typo" style="margin-top: 5px">
                        导演：
                        {volist name="$dbFilm.director" id="vo"}
                        <a href="{:url('/search')}?keyword={$vo['name']}" title="{$vo.name}">{$vo.name}</a>
                        {if (count($dbFilm['director']) > $key + 1)}/{/if}
                        {/volist}
                    </div>
                    <div class="mdui-text-truncate mdui-typo" style="margin-top: 5px">
                        主演：
                        {volist name="$dbFilm.actor" id="vo"}
                        <a href="{:url('/search')}?keyword={$vo['name']}" title="{$vo.name}">{$vo.name}</a>
                        {if (count($dbFilm['actor']) > $key + 1)}/{/if}
                        {/volist}
                    </div>
                </div>

                <!-- 卡片的按钮 -->
                <div class="mdui-card-actions">
                    {volist name="$dbFilm.play_urls" id="vo"}
                    <div class="mdui-chip">
                        <span class="mdui-chip-icon" style="background-color: #FFFFFF">A</span>
                        <span class="mdui-chip-title">
                            <a class="color-333" href="{:url('/vip')}?url={:urlencode($vo['link'])}" title="{$dbFilm.name}在线播放">在线播放</a>
                        </span>
                    </div>
                    {/volist}
                </div>

            </div>
            {/notempty}

            {notempty name="chart.week"}
            <div>
                <h5 style="margin-top: 4px">本周口碑榜</h5>
                <ul class="mdui-list mdui-list-dense">
                    <li class="mdui-divider-inset mdui-m-y-0 mdui-m-l-0"></li>
                    {volist name="chart.week" id="vo"}
                    <li class="mdui-list-item mdui-ripple">
                        <div class="mdui-list-item-content">
                            <div class="mdui-list-item-title mdui-list-item-one-line">
                                <a href="{:url('/hot/' . $vo['id'])}" target="_blank" title="{$vo.title}">{$key+1}. &nbsp;{$vo.title}</a>
                            </div>
                        </div>
                    </li>
                    <li class="mdui-divider-inset mdui-m-y-0 mdui-m-l-0"></li>
                    {/volist}
                </ul>
            </div>
            {/notempty}

            {notempty name="chart.north_america"}
            <div>
                <h5 style="margin-bottom: 10px">北美票房榜</h5>
                <ul class="mdui-list mdui-list-dense">
                    <li class="mdui-divider-inset mdui-m-y-0 mdui-m-l-0"></li>
                    {volist name="chart.north_america" id="vo"}
                    <li class="mdui-list-item mdui-ripple">
                        <div class="mdui-list-item-content">
                            <div class="mdui-list-item-title mdui-list-item-one-line">
                                <a href="{:url('/hot/' . $vo['id'])}" target="_blank" title="{$vo.title}">{$key+1}. &nbsp;{$vo.title}</a>
                            </div>
                        </div>
                    </li>
                    <li class="mdui-divider-inset mdui-m-y-0 mdui-m-l-0"></li>
                    {/volist}
                </ul>
            </div>
            {/notempty}
        </div>
    </div>
</div>
{/block}


{block name="footer"}


{/block}
